import { Component } from 'react'
/* export default class Hello extends Component {
  constructor() {
    super()
    // constructor 中 this => 就是实例
    // 相当于往实例上加了一个 state 属性
    this.state = {
      list: [
        { name: '尼古拉斯', age: 18, id: 1 },
        { name: '赵四', age: 19, id: 2 },
      ],
    }
  }
  render() {
    return <h1>Hello World</h1>
  }
} */

export default class Hello extends Component {
  // 就是往实例上怼了一个 state 属性
  state = {
    // 往 state 里面加的才叫状态（改变视图会更新）！
    list: [
      { name: '尼古拉斯', age: 18, id: 1 },
      { name: '赵四', age: 19, id: 2 },
    ],
  }
  // 普通的实例属性
  age = 18
  render() {
    return <h1>Hello World</h1>
  }
}

/* const h = new Hello()
console.log(h.age) */
